<template>
  <div class="vantli" @click="toroute" ref="bottomLi"  >
    <div>
        <i :class="['iconfont', icon]"></i>
      <p>{{title}}</p>
    </div>

 </div>
</template>

<script>
export default {
  name: 'vantli',
  props:{
      title:{
        type:String,
        default(){
          return '首页'
        }
      },
      icon: String,
      to:String,
      cur:''
  },
  data() { 
    return {

    }
  },
  created() {

  },
  methods:{
    toroute(){
      this.$router.push(this.to)
    }
  },
 }
</script>

<style lang="scss" scoped>
.vantli{
  font-size: 0.22rem;
  i{
    font-size: 0.5rem;
  }
}
.vantli :hover{
  color: blue;
}
</style>